body {
    margin: 0;
    padding: 0;
    font: 12px \5b8b\4f53, Arial, sans-serif;
    color: #444;
    _background-image: url(about:blank);
    _background-attachment: fixed;
    background-color: #1c1c1c;
}

html {
    overflow-x: hidden
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p {
    padding: 0;
    margin: 0
}

table, td, tr, th {
    font-size: 12px
}

ol, ul {
    list-style: none
}

li {
    list-style-type: none
}

img {
    vertical-align: middle;
    border: 0
}

s {
    text-decoration: none
}

a {
    color: #444444;
    text-decoration: none
}

a:hover {
    color: #a41f24;
    text-decoration: underline
}

.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.f_l {
    float: left
}

.f_r {
    float: right
}

.all-box {
    width: 1004px;
    margin: 0 auto;
    font: 12px \5FAE\8F6F\96C5\9ED1, Arial, sans-serif
}

.all-box .banner-box {
    position: relative;
    height: 502px;
    background: url("../images/2017/banner.jpg") no-repeat center top;
    border-bottom: 9px #fae841 solid
}

.all-box .banner-box .font1 {
    background: url("../images/font.png") no-repeat left top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/font.png');
    width: 371px;
    height: 123px;
    position: absolute;
    left: 329px;
    top: 0px;
    z-index: 10;
    display: none
}

.all-box .banner-box .font2 {
    background: url("../images/font2.png") no-repeat left top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/font2.png');
    width: 149px;
    height: 24px;
    position: absolute;
    left: 439px;
    top: 158px;
    z-index: 20;
    display: none
}

.all-box .banner-box .pop1 {
    background: url("../images/p1.png") no-repeat left top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/p1.png');
    width: 250px;
    height: 371px;
    position: absolute;
    left: 184px;
    top: 177px;
    display: none
}

.all-box .banner-box .pop2 {
    background: url("../images/p2.png") no-repeat left top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/p2.png');
    width: 284px;
    height: 537px;
    position: absolute;
    left: 570px;
    top: 11px;
    display: none
}

.all-box .banner-box .bm {
    background: url("../images/baoming.png") no-repeat left top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/baoming.png');
    width: 178px;
    height: 138px;
    position: absolute;
    left: 810px;
    top: 365px;
    cursor: pointer
}

.all-box .banner-box .pic-scrll {
    width: 284px;
    height: 154px;
    overflow: hidden;
    left: 15px;
    top: 351px;
    position: absolute
}

.all-box .banner-box .pic-scrll ul {
    width: 225px;
    float: left;
    position: relative;
    left: 7px
}

.all-box .banner-box .pic-scrll ul img {
    width: 225px;
    height: 155px
}

.all-box .banner-box .pic-scrll ul li {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none
}

.all-box .banner-box .pic-scrll .left {
    width: 21px;
    height: 34px;
    background: url("../images/l1.png") no-repeat left top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/l1.png');
    float: left;
    margin-top: 60px;
    cursor: pointer
}

.all-box .banner-box .pic-scrll .right {
    float: right;
    width: 21px;
    height: 34px;
    background: url("../images/l2.png") no-repeat left top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/l2.png');
    margin-top: 60px;
    cursor: pointer
}

.all-box .nav {
    height: 83px;
    background-color: #1c1c1c
}

.all-box .nav .log {
    float: left;
    width: 205px;
    text-align: center;
    margin-top: 23px
}

.all-box .nav .nav-ul li {
    float: left
}

.all-box .nav .nav-ul li a {
    display: block;
    padding: 0 22px;
    color: #fff;
    font-size: 16px;
    line-height: 83px
}

.all-box .nav .nav-ul li a.on, .all-box .nav .nav-ul li a:hover {
    background-color: #fff;
    text-decoration: none;
    color: #000000;
    font-weight: bold
}

.all-box .nav .yamha {
    float: left;
    margin-left: 20px;
    display: inline
}

.all-box .nav .yamha a {
    color: #fff;
    display: block;
    line-height: 83px
}

.all-box .nav .weibo {
    float: left;
    margin: 15px 0 0 25px;
    display: inline
}

.all-box .content-box {
    background: url("../images/bgs.jpg")  center top;
    /*height: 753px;*/
    position: relative;
    padding-bottom: 20px;
}

.all-box .content-box .height {
    height: 70px
}

.all-box .content-box .about {
    width: 800px;
    /*height: 640px;*/
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    position: relative;
    overflow: hidden;
}

.all-box .content-box .about s {
    display: inline-block;
    background-color: #000000;
    padding: 5px 15px;
    color: #fae841
}

.all-box .content-box .about .rules {
    text-align: left;
    line-height: 40px
}

.all-box .content-box .about i {
    display: inline-block;
    vertical-align: middle;
    background-color: #ffaa33;
    width: 4px;
    height: 18px;
    position: relative;
    top: -3px;
    margin-right: 10px
}

.all-box .content-box .about .video-title {
    background-color: #000000;
    height: 35px;
    line-height: 35px
}

.all-box .content-box .about .video-title li {
    width: 160px;
    float: left;
    font-size: 14px;
    text-align: center
}

.all-box .content-box .about .video-title li a {
    display: block;
    color: #fff
}

.all-box .content-box .about .video-title li a.on, .all-box .content-box .about .video-title li a:hover {
    background-color: #fae841;
    text-decoration: none
}

.all-box .content-box .about .video-content {
    text-align: left;
    border: 3px #1c1c1c solid;
    height: 595px
}

.all-box .content-box .about .video-content .area-left {
    width: 467px;
    padding: 0 40px;
    float: left;
    margin-top: 70px
}

.all-box .content-box .about .video-content .area-left h2 {
    font-size: 14px
}

.all-box .content-box .about .video-content .area-left .mes {
    font-size: 12px;
    line-height: 18px
}

.all-box .content-box .about .video-content .area-right {
    width: 174px;
    float: left;
    margin: 30px 0 0 50px
}

.all-box .content-box .about .video-content .area-right .list-box {
    height: 478px;
    border-left: 2px #4c4c4c solid;
    border-right: 2px #4c4c4c solid;
    overflow: hidden;
    position: relative
}

.all-box .content-box .about .video-content .area-right .list-box ul {
    width: 150px;
    margin: 0 auto;
    position: relative
}

.all-box .content-box .about .video-content .area-right .list-box ul li {
    margin-bottom: 10px
}

.all-box .content-box .about .video-content .area-right .list-box ul li img {
    width: 146px;
    height: 98px
}

.all-box .content-box .about .video-content .area-right .list-box ul li .bor {
    height: 2px;
    width: 90px;
    background-color: #333333;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px
}

.all-box .content-box .about .video-content .area-right .top {
    background: url("../images/t1.jpg") no-repeat center top;
    height: 15px;
    margin-bottom: 10px;
    cursor: pointer
}

.all-box .content-box .about .video-content .area-right .bottom {
    background: url("../images/t2.jpg") no-repeat center top;
    height: 15px;
    margin-top: 10px;
    cursor: pointer
}

.all-box .content-box .about .video-content .qumu {
    width: 140px;
    height: 28px;
    background-color: #fae841;
    text-align: center;
    color: #1c1c1c;
    line-height: 26px;
    font-size: 16px;
    margin: 30px auto 0
}

.all-box .content-box .about .video-content .music-box {
    width: 500px;
    margin: 50px auto 0
}

.all-box .content-box .about .video-content .music-box .list-mu {
    display: inline-block;
    margin-left: 20px;
    line-height: 28px;
    vertical-align: top;
    color: #000;
    font-size: 14px
}

.all-box .content-box .about .video-content .music-box .down {
    float: right;
    font-size: 12px;
    text-align: center;
    color: #000
}

.all-box .content-box .about .video-content .music-box .down .btn {
    width: 140px;
    height: 27px;
    border: 1px #ffaa33 solid;
    text-align: center;
    line-height: 27px;
    color: #ffaa33;
    font-weight: bold;
    display: block
}

.all-box .content-box .about .video-content .music-box .down .btn:hover {
    text-decoration: none
}

.all-box .content-box .news {
    text-align: left;
    font-size: 14px
}

.all-box .content-box .news .date {
    float: right;
    margin-right: 10px
}

.all-box .content-box .maps {
    width: 960px;
    position: absolute;
    left: 20px;
    top: 180px
}

.all-box .content-box .maps .maps-img {
    background: url("../images/map.png") no-repeat center top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/map.png');
    width: 617px;
    height: 510px
}

.all-box .content-box .maps .list-y {
    background: url("../images/dian2.png") no-repeat center top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/dian2.png');
    width: 8px;
    height: 8px;
    overflow: hidden;
    cursor: pointer;
    position: absolute
}

.all-box .content-box .maps .list-y.on {
    background: url("../images/dian.png") no-repeat center top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/dian.png')
}

.all-box .content-box .maps .c1 {
    left: 458px;
    top: 190px
}

.all-box .content-box .maps .c2 {
    left: 470px;
    top: 198px
}

.all-box .content-box .maps .c3 {
    left: 480px;
    top: 245px
}

.all-box .content-box .maps .c4 {
    left: 560px;
    top: 75px
}

.all-box .content-box .maps .c5 {
    left: 560px;
    top: 128px
}

.all-box .content-box .maps .c6 {
    left: 530px;
    top: 158px
}

.all-box .content-box .maps .c7 {
    left: 250px;
    top: 190px
}

.all-box .content-box .maps .c8 {
    left: 385px;
    top: 270px
}

.all-box .content-box .maps .c9 {
    left: 535px;
    top: 310px
}

.all-box .content-box .maps .c10 {
    left: 520px;
    top: 343px
}

.all-box .content-box .maps .c11 {
    left: 515px;
    top: 293px
}

.all-box .content-box .maps .c12 {
    left: 480px;
    top: 313px
}

.all-box .content-box .maps .c13 {
    left: 500px;
    top: 387px
}

.all-box .content-box .maps .c14 {
    left: 450px;
    top: 427px
}

.all-box .content-box .maps .c15 {
    left: 420px;
    top: 320px
}

.all-box .content-box .maps .c16 {
    left: 470px;
    top: 360px
}

.all-box .content-box .maps .c17 {
    left: 420px;
    top: 370px
}

.all-box .content-box .maps .c18 {
    left: 305px;
    top: 330px
}

.all-box .content-box .maps .c19 {
    left: 355px;
    top: 390px
}

.all-box .content-box .maps .c20 {
    left: 370px;
    top: 340px
}

.all-box .content-box .maps .c21 {
    left: 390px;
    top: 430px
}

.all-box .content-box .maps .citys {
    width: 205px;
    position: absolute;
    left: 570px;
    top: 190px;
    color: #fae841;
    display: none
}

.all-box .content-box .maps .citys .name {
    border-bottom: 1px #fae841 solid;
    font-size: 20px
}

.all-box .content-box .maps .arear {
    position: absolute;
    right: 30px;
    top: 50px;
    font-size: 18px;
    font-weight: bold
}

.all-box .content-box .maps .arear s {
    display: inline-block;
    vertical-align: middle;
    background-color: #fae841;
    width: 4px;
    height: 18px;
    margin-right: 10px
}

.all-box .content-box .maps .arear li {
    margin-bottom: 5px
}

.all-box .content-box .maps .arear li .min {
    display: none;
    text-align: center
}

.all-box .content-box .maps .arear li .min .list {
    display: inline-block;
    border-left: 1px #fae841 solid;
    margin-top: 10px;
    padding-left: 10px
}

.all-box .content-box .maps .arear li .min .list p {
    font-weight: normal;
    font-size: 12px;
    cursor: pointer
}

.all-box .content-box .maps .arear li .min .list p.on {
    color: #fae841
}

.rule-box {
    width: 875px;
    position: absolute;
    left: 50px;
    top: 30px;
    z-index: 998;
    font: 12px \5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
    display: none
}

.rule-box .title {
    width: 875px;
    height: 30px;
    background-color: #1c1c1c;
    text-align: right
}

.rule-box .title .close {
    display: inline-block;
    background: url("../images/close.jpg") no-repeat center top;
    width: 17px;
    height: 22px;
    margin: 3px 5px 0 0;
    cursor: pointer
}

.rule-box .content {
    background-color: #fff;
    border-top: 5px #fae841 solid;
    padding: 40px;
    font-size: 14px;
    z-index: 99;
}

.rule-box .content .fonts {
    height: 640px;
    overflow: auto;
    position: relative
}

.rule-box .content h2 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 50px
}

.rule-box .content .sub-box {
    text-align: center;
    margin-top: 30px
}

.rule-box .content .sub-box .c1 {
    display: inline-block;
    width: 103px;
    height: 35px;
    background-color: #1c1c1c;
    text-align: center;
    line-height: 35px;
    color: #fae841;
    font-size: 16px;
    cursor: pointer
}

.rule-box .content .sub-box .c1 {
    margin-left: 50px
}

.rule-box .content .tab-title {
    padding: 0 100px
}

.rule-box .content .tab-title .maha {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    margin-left: 160px
}

.rule-box .content .players_table {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    margin-top: 15px
}

.rule-box .content .players_table tr {
    height: 30px
}

.rule-box .content .players_table th {
    border: 1px solid #000;
    vertical-align: baseline
}

.rule-box .content .players_table td {
    border: 1px solid #000;
    padding: 10px 5px;
    font-size: 14px;
    line-height: 20px
}

.rule-box .content .players_table td .red {
    color: #ff0000
}

.rule-box .content input.inp1 {
    width: 100%;
    float: left;
    border: 0px
}

.rule-box .content input.inpCode {
    width: 100px;
    float: left;
    border: 0px
}

.rule-box .content .type-box {
    text-align: left
}

.rule-box .content .type-box input {
    margin-left: 90px
}

.rule-box .content .tip {
    margin-top: 15px
}

.rule-box .content .submits {
    float: right;
    width: 86px;
    height: 30px;
    background-color: #fe0036;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-top: 50px;
    cursor: pointer;
    border: 0px
}

.rule-box .content .tipfont {
    width: 87px;
    height: 30px;
    background-color: #fe0036;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    color: #fff
}

.rule-box .content .zhuban {
    text-align: center;
    font-size: 16px;
    margin-top: 30px
}

